<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="./js/libs/jquery.js" ></script>
    <script src="./js/hover.js" ></script>
    <script src="./js/menulist.js" ></script>
</head>

<body>
    <header>
        <div class="h-content main clearFix">
            <div class="h-left fl">
                <span class="welcome">欢迎来到丝芙兰</span>
                <a href="./login.html" class="uname">请登录</a>
                <em>|</em>
                <a href="./register.html" class="break">免费注册</a>
                <a href="" class="hide">手机验证码登录</a>
            </div>
            <div class="rolling fl">丝芙兰配送公告</div>
            <ul class="h-right fr">
                <li><span></span><a href="">我的丝芙兰</a></li>
                <li><span class="vip-club"></span><a href="">会员俱乐部</a></li>
                <li><span class="mobile-sephora"></span><a href="">手机丝芙兰</a></li>
                <li><a href="">帮助中心</a></li>
            </ul>
        </div>

    </header>
    <section>
        <div class="s-topcontent">
            <div class="s-top">
                <div class="s-header main clearFix">
                    <!-- 顶部固定 -->
                    <div class="fixbox fl">
                        <a class="logo" href=""></a>
                        <div class="searchBox">
                            <div class="search clearFix">
                                <input type="text">
                                <button id="searchBtn">搜索</button>
                            </div>
                            <ul class="searchbottom">
                                <li><a href="">春日维稳护肤</a></li>
                                <li><a href="">换季温和清洁</a></li>
                                <li><a href="">桃花气色满满</a></li>
                                <li><a href="">情人心机眼妆</a></li>
                                <li><a href="">花漾春日香氛</a></li>
                                <li><a href="">小众尖货盘点</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="bag">
                        <div class="shoppingbag fr">
                            <a href="./cart.html">
                                <em></em>购物袋<span class="shoppingnum">0</span>件
                            </a>
                        </div>
                        <div class="shopshow clearFix">
                            <div class="notLogin clearFix">
                                <em class="fl"></em>
                                <span>购物车内暂时没有商品，登录后将显示您之前加入的商品 </span>
                                <a href="./login.html">
                                    <p>登录</p>
                                </a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="Navigation main">
                <div class="nav main clearFix">
                    <div class="l-nav">
                        <span class="allcatalog white">全部商品类目</span>
                        <div class="menu-list">
                            <em class="heart-left"></em>
                            <ul class="content-menu-Col">
                                <li class="shadow menu-Col-li">
                                    <a href="" class="title">功效</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">保湿补水</a></li>
                                        <li><a href="">底妆修容</a></li>
                                    </ul>
                                </li>
                                <li class="menu-Col-li">
                                    <a href="" class="title">护肤</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">打造" 天鹅颈"</a></li>
                                        <li><a href="">Yes成分</a></li>
                                    </ul>
                                </li>
                                <li class="menu-Col-li">
                                    <a href="" class="title">彩妆</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">秋日彩妆盘点</a></li>
                                        <li><a href="">彩妆惠选礼盒</a></li>
                                    </ul>
                                </li>
                                <li class="menu-Col-li">
                                    <a href="" class="title">香水</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">秋日馨香盘点</a></li>
                                        <li><a href="">小众香氛</a></li>
                                    </ul>
                                </li>
                                <li class="menu-Col-li">
                                    <a href="" class="title">工具</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">美容仪加持美力</a></li>
                                        <li><a href="">美妆蛋套装</a></li>
                                    </ul>
                                </li>
                                <li class="menu-Col-li">
                                    <a href="" class="title">男士</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">男士礼赠</a></li>
                                        <li><a href="">水油平衡</a></li>
                                    </ul>
                                </li>
                                <li class="menu-Col-li">
                                    <a href="" class="title">洗浴护体</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">洗护沐浴</a></li>
                                        <li><a href="">塑身纤体</a></li>
                                    </ul>
                                </li>
                                <li class="menu-Col-li">
                                    <a href="" class="title">美发护发</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">换季防脱</a></li>
                                        <li><a href="">润养秀发防毛躁</a></li>
                                    </ul>
                                </li>
                                <li class="menu-Col-li">
                                    <a href="" class="title">肤食</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">胶原蛋白饮品</a></li>
                                    </ul>
                                </li>
                            </ul>
                            <em class="heart-right"></em>
                            <!-- 鼠标移入显示 -->
                            <div class="showBoxAll">
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>功效</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l clearFix">
                                                <dl>
                                                    <dt>抗老</dt>
                                                    <dd>抗污染</dd>
                                                    <dd>抗皱</dd>
                                                    <dd>抗氧化</dd>
                                                </dl>
                                                <dl>
                                                    <dt>紧致</dt>
                                                    <dd>淡化细纹</dd>
                                                    <dd>提拉紧致</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>保湿</dt>
                                                    <dd>舒缓</dd>
                                                    <dd>保湿补水</dd>
                                                </dl>
                                                <dl>
                                                    <dt>清洁</dt>
                                                    <dd>去角质</dd>
                                                    <dd>卸妆清洁</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>提亮肤色</dd>
                                                    <dd>淡化黑眼圈</dd>
                                                </dl>
                                                <dl>
                                                    <dt>底妆修容</dt>
                                                    <dd>提亮肤色</dd>
                                                    <dd>遮瑕</dd>
                                                    <dd>隔离</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>防晒</dt>
                                                    <dd>防晒</dd>
                                                    <dd>晒后修护</dd>
                                                </dl>
                                                <dl>
                                                    <dt>控油</dt>
                                                    <dd>细致毛孔</dd>
                                                    <dd>祛痘</dd>
                                                </dl>
                                                <dl>
                                                    <dt>百变妆容</dt>
                                                    <dd>炫色金属</dd>
                                                    <dd>魅惑哑光</dd>
                                                    <dd>亮泽水光</dd>
                                                    <dd>清新自然</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_tiffany_20181102.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>护肤</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>妆前乳</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_navigationskin_20210318.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>彩妆</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>妆前乳</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_navigationmu_20210304.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>香水</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>妆前乳</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_tiffany_20181102.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>工具</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>妆前乳</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_navigationtool_20210225.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>男士</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>妆前乳</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_navigationmen_20210311.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>洗浴护体</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>妆前乳</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_navigationbody_20210318.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>美发护发</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>妆前乳</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_navigationhair_20210121.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>肤食</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>妆前乳</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_navigationfood_20190829.jpg" alt=""></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <ul class="c-nav">
                        <li><a href="">畅销榜单</a></li>
                        <li><a href="">独家发售</a></li>
                        <li><a href="">礼物套装</a></li>
                        <li><a href="">全部品牌</a></li>
                        <li><a href="">预约中心</a></li>
                    </ul>
                    <img src="./image/navigation_shopping.png" alt="" class="nav-img fr">
                </div>

            </div>
        </div>
        <div class="banner main clearFix">
            <ul class="bannerList">
                <li class="show">
                    <img src="../image/hp_yeslist_20210225.jpg" alt="">
                </li>
                <li>
                    <img src="./image/hp_live_20210316.jpg" alt="">
                </li>
                <li>
                    <img src="./image/hp_caudalie_20210318.jpg" alt="">
                </li>
                <li>
                    <img src="./image/hp_live_20210318.jpg" alt="">
                </li>
                <li>
                    <img src="./image/hp_live_20210319.jpg" alt="">
                </li>
                <li>
                    <img src="./image/hp_serum_20210319.jpg" alt="">
                </li>
                <p class="point"> </p>
                <div class="arrow">
                    <div class="left-arrow"><em></em></div>
                    <div class="right-arrow"><em></em></div>
                </div>
            </ul>
        </div>
        <div class="bannerbottom">
            <div class="bottom main">
                <div class="bottomimg">
                    <a href=""><img src="./image/hp_weeklyspecial_20210311.jpg" alt=""></a>
                    <a href="" class="middleimg"><img src="./image/hp_lancome_20210304.jpg" alt=""></a>
                    <a href=""><img src="./image/hp_sephora_20210311.jpg" alt=""></a>
                </div>
            </div>
        </div>
        </div>
        <div class="Brand">
            <div class="brandcontent main">
                <div class="brand-title">
                    <div class="brand-title-content clearFix">
                        <h1 class="tit-left"><span>全部品牌</span><span> ALL BRANDS</span></h1>
                        <ul class="tit-right">
                            <li><a href="" class="show">热门品牌</a></li>
                            <li><a href="">独家品牌</a></li>
                            <li><a href="">全部品牌</a></li>
                        </ul>
                    </div>
                </div>
                <div class="brand-body clearFix">
                    <div class="brand-body-content">
                        <div class="carousel-left">
                            <ul class="bannerList">
                                <li class="show"><img src="./image/hp_superbrand1_20210311.jpg" alt=""></li>
                                <li><img src="./image/hp_superbrand2_20210311.jpg" alt=""></li>
                                <p class="point"> </p>
                                <div class="arrow">
                                    <div class="left-arrow">
                                        <em></em>
                                    </div>
                                    <div class="right-arrow"><em></em></div>
                                </div>
                            </ul>
                        </div>
                        <div class="list-right">
                            <li>
                                <a href=""><img src="./image/01.png" alt=""></a>
                                <div class="shandowbox">
                                    丝芙兰
                                    <a href="" class="click">点击查看</a>
                                </div>
                            </li>

                            <li><a href=""><img src="./image/02.png" alt=""></a>
                                <div class="shandowbox">
                                    丝芙兰
                                    <a href="" class="click">点击查看</a>
                                </div>
                            </li>
                            <li><a href=""><img src="./image/03.png" alt=""></a>
                                <div class="shandowbox">
                                    丝芙兰
                                    <a href="" class="click">点击查看</a>
                                </div>
                            </li>
                            <li><a href=""><img src="./image/04.png" alt=""></a>
                                <div class="shandowbox">
                                    丝芙兰
                                    <a href="" class="click">点击查看</a>
                                </div>
                            </li>
                            <li><a href=""><img src="./image/05.png" alt=""></a>
                                <div class="shandowbox">
                                    丝芙兰
                                    <a href="" class="click">点击查看</a>
                                </div>
                            </li>
                            <li><a href=""><img src="./image/06.png" alt=""></a>
                                <div class="shandowbox">
                                    丝芙兰
                                    <a href="" class="click">点击查看</a>
                                </div>
                            </li>
                            <li><a href=""><img src="./image/07.png" alt=""></a>
                                <div class="shandowbox">
                                    丝芙兰
                                    <a href="" class="click">点击查看</a>
                                </div>
                            </li>
                            <li><a href=""><img src="./image/08.png" alt=""></a>
                                <div class="shandowbox">
                                    丝芙兰
                                    <a href="" class="click">点击查看</a>
                                </div>
                            </li>
                            <li><a href=""><img src="./image/09.png" alt=""></a>
                                <div class="shandowbox">
                                    丝芙兰
                                    <a href="" class="click">点击查看</a>
                                </div>
                            </li>
                            <li><a href=""><img src="./image/10.png" alt=""></a>
                                <div class="shandowbox">
                                    丝芙兰
                                    <a href="" class="click">点击查看</a>
                                </div>
                            </li>
                            <li><a href=""><img src="./image/11.png" alt=""></a>
                                <div class="shandowbox">
                                    丝芙兰
                                    <a href="" class="click">点击查看</a>
                                </div>
                            </li>
                            <li><a href=""><img src="./image/12.png" alt=""></a>
                                <div class="shandowbox">
                                    丝芙兰
                                    <a href="" class="click">点击查看</a>
                                </div>
                            </li>
                            <li><a href=""><img src="./image/13.png" alt=""></a>
                                <div class="shandowbox">
                                    丝芙兰
                                    <a href="" class="click">点击查看</a>
                                </div>
                            </li>
                            <li><a href=""><img src="./image/14.png" alt=""></a>
                                <div class="shandowbox">
                                    丝芙兰
                                    <a href="" class="click">点击查看</a>
                                </div>
                            </li>
                            <li><a href=""><img src="./image/03.png" alt=""></a>
                                <div class="shandowbox">
                                    丝芙兰
                                    <a href="" class="click">点击查看</a>
                                </div>
                            </li>
                            <li><a href=""><img src="./image/16.png" alt=""></a>
                                <div class="shandowbox">
                                    丝芙兰
                                    <a href="" class="click">点击查看</a>
                                </div>
                            </li>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="Picks">
            <div class="pickscontent main">
                <div class="pick-title">
                    <div class="pick-title-content clearFix">
                        <h1 class="tit-left"><span>精品推荐</span><span> SEPHOPA PICKS</span></h1>
                    </div>
                </div>
                <div class="pick-body clearFix">
                    <div class="pick-left">
                        <a href=""><img src="./image/hp_whatsnew_20210312.jpg" alt=""></a>
                        <ul class="pick-list">
                            <li>
                                <a href="./details.html">
                                    <div class="picks-product-brand">YSL</div>
                                    <div class="picks-product-content">圣罗兰自由至上女士香水</div>
                                    <div class="picks-product-price">￥1300.00</div>
                                    <img src="./image/圣罗兰自由至上女士香水.jpg">
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="picks-product-brand">BY TERRY</div>
                                    <div class="picks-product-content">BY TERRY玻尿酸护肤柔焦蜜粉饼</div>
                                    <div class="picks-product-price">￥410.00</div>
                                    <img src="./image/BY TERRY玻尿酸护肤柔焦蜜粉饼.jpg">
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="pick-right">
                        <a href=""><img src="./image/hp_beautymaster_20210225.gif" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="category">
            <div class="categorycontent main">
                <div class="category-title">
                    <div class="category-title-content">
                        <h1 class="tit-left cate1"></h1>
                        <ul class="tit-right">
                            <li><a href="" class="show">惠选套装</a><em>|</em></li>
                            <li><a href="">面部精华</a><em>|</em></li>
                            <li><a href="">美容仪</a><em>|</em></li>
                            <li><a href="">面膜</a><em>|</em></li>
                            <li><a href="">眼部护理</a><em>|</em></li>
                            <li><a href="">清洁</a><em>|</em></li>
                            <li><a href="">卸妆</a><em>|</em></li>
                            <li><a href="">Yes 成分</a><em>|</em></li>
                            <li><a href="">全部</a></li>
                        </ul>
                    </div>
                </div>
                <div class="category-body">
                    <div class="category-body-content clearFix">
                        <div class="category-body-content-left">
                            <a href="">
                                <img src="../image/hp_skinfloor_20210311.jpg" alt="">
                            </a>
                        </div>
                        <ul class="category-body-content-right">
                            <li>
                                <a href="">
                                    <p class="cat-brand">ELEMIS</p>
                                    <p class="cat-center">艾丽美洁净柔肤礼盒</p>
                                    <p class="cat-price">￥500.00</p>
                                    <div class="productimg"><img src="./image/0001.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CAUDALIE</p>
                                    <p class="cat-center">欧缇丽葡萄水保湿舒缓喷雾</p>
                                    <p class="cat-price">￥60.00~￥168.00</p>
                                    <div class="productimg"><img src="./image/0002.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CLARINS</p>
                                    <p class="cat-center">娇韵诗多效轻透防晒乳</p>
                                    <p class="cat-price">￥430.00~￥570.00</p>
                                    <div class="productimg"><img src="./image/0005.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ESTEELAUDER</p>
                                    <p class="cat-center">雅诗兰黛钢铁侠面膜豪华套...</p>
                                    <p class="cat-price">￥1190.00</p>
                                    <div class="productimg"><img src="./image/0004.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">PETERTHOMASROTH</p>
                                    <p class="cat-center">彼得罗夫焕亮修护维生素C...</p>
                                    <p class="cat-price">￥850.00</p>
                                    <div class="productimg"><img src="./image/0005.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ERNO LASZLO</p>
                                    <p class="cat-center">豆腐霜分享套装丝芙兰独家...</p>
                                    <p class="cat-price">￥950.00</p>
                                    <div class="productimg"><img src="./image/0006.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ALGENIST</p>
                                    <p class="cat-center">奥杰尼赋活胶原蛋白舒缓乳...</p>
                                    <p class="cat-price">￥500.00</p>
                                    <div class="productimg"><img src="./image/0002.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CLINIQUE</p>
                                    <p class="cat-center">CLINIQUE</p>
                                    <p class="cat-price">￥495.00~￥760.00</p>
                                    <div class="productimg"><img src="./image/0008.jpg" alt=""></div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="category-footer">
                    <ul class="category-footer-content">
                        <li>
                            <a href="" class="category-footericon"><img src="./image/dior_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/lancome_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/clarins_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/miumiu_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/nuxe_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/loewe_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/gucci_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/guerlain_144X60.png" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="category">
            <div class="categorycontent main">
                <div class="category-title">
                    <div class="category-title-content">
                        <h1 class="tit-left cate2"></h1>
                        <ul class="tit-right">
                            <li><a href="" class="show">惠选套装</a><em>|</em></li>
                            <li><a href="">面部精华</a><em>|</em></li>
                            <li><a href="">美容仪</a><em>|</em></li>
                            <li><a href="">面膜</a><em>|</em></li>
                            <li><a href="">眼部护理</a><em>|</em></li>
                            <li><a href="">清洁</a><em>|</em></li>
                            <li><a href="">卸妆</a><em>|</em></li>
                            <li><a href="">Yes 成分</a><em>|</em></li>
                            <li><a href="">全部</a></li>
                        </ul>
                    </div>
                </div>
                <div class="category-body">
                    <div class="category-body-content clearFix">
                        <div class="category-body-content-left">
                            <a href="">
                                <img src="./image/hp_mufloor_20210311.jpg" alt="">
                            </a>
                        </div>
                        <ul class="category-body-content-right">
                            <li>
                                <a href="">
                                    <p class="cat-brand">ELEMIS</p>
                                    <p class="cat-center">艾丽美洁净柔肤礼盒</p>
                                    <p class="cat-price">￥500.00</p>
                                    <div class="productimg"><img src="./image/0001.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CAUDALIE</p>
                                    <p class="cat-center">欧缇丽葡萄水保湿舒缓喷雾</p>
                                    <p class="cat-price">￥60.00~￥168.00</p>
                                    <div class="productimg"><img src="./image/0002.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CLARINS</p>
                                    <p class="cat-center">娇韵诗多效轻透防晒乳</p>
                                    <p class="cat-price">￥430.00~￥570.00</p>
                                    <div class="productimg"><img src="./image/0005.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ESTEELAUDER</p>
                                    <p class="cat-center">雅诗兰黛钢铁侠面膜豪华套...</p>
                                    <p class="cat-price">￥1190.00</p>
                                    <div class="productimg"><img src="./image/0004.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">PETERTHOMASROTH</p>
                                    <p class="cat-center">彼得罗夫焕亮修护维生素C...</p>
                                    <p class="cat-price">￥850.00</p>
                                    <div class="productimg"><img src="./image/0005.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ERNO LASZLO</p>
                                    <p class="cat-center">豆腐霜分享套装丝芙兰独家...</p>
                                    <p class="cat-price">￥950.00</p>
                                    <div class="productimg"><img src="./image/0006.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ALGENIST</p>
                                    <p class="cat-center">奥杰尼赋活胶原蛋白舒缓乳...</p>
                                    <p class="cat-price">￥500.00</p>
                                    <div class="productimg"><img src="./image/0002.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CLINIQUE</p>
                                    <p class="cat-center">CLINIQUE</p>
                                    <p class="cat-price">￥495.00~￥760.00</p>
                                    <div class="productimg"><img src="./image/0008.jpg" alt=""></div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="category-footer">
                    <ul class="category-footer-content">
                        <li>
                            <a href="" class="category-footericon"><img src="./image/dior_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/lancome_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/clarins_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/miumiu_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/nuxe_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/loewe_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/gucci_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/guerlain_144X60.png" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="category">
            <div class="categorycontent main">
                <div class="category-title">
                    <div class="category-title-content">
                        <h1 class="tit-left cate3"></h1>
                        <ul class="tit-right">
                            <li><a href="" class="show">惠选套装</a><em>|</em></li>
                            <li><a href="">面部精华</a><em>|</em></li>
                            <li><a href="">美容仪</a><em>|</em></li>
                            <li><a href="">面膜</a><em>|</em></li>
                            <li><a href="">眼部护理</a><em>|</em></li>
                            <li><a href="">清洁</a><em>|</em></li>
                            <li><a href="">卸妆</a><em>|</em></li>
                            <li><a href="">Yes 成分</a><em>|</em></li>
                            <li><a href="">全部</a></li>
                        </ul>
                    </div>
                </div>
                <div class="category-body">
                    <div class="category-body-content clearFix">
                        <div class="category-body-content-left">
                            <a href="">
                                <img src="./image/hp_frafloor_20210311.jpg" alt="">
                            </a>
                        </div>
                        <ul class="category-body-content-right">
                            <li>
                                <a href="">
                                    <p class="cat-brand">ELEMIS</p>
                                    <p class="cat-center">艾丽美洁净柔肤礼盒</p>
                                    <p class="cat-price">￥500.00</p>
                                    <div class="productimg"><img src="./image/0001.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CAUDALIE</p>
                                    <p class="cat-center">欧缇丽葡萄水保湿舒缓喷雾</p>
                                    <p class="cat-price">￥60.00~￥168.00</p>
                                    <div class="productimg"><img src="./image/0002.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CLARINS</p>
                                    <p class="cat-center">娇韵诗多效轻透防晒乳</p>
                                    <p class="cat-price">￥430.00~￥570.00</p>
                                    <div class="productimg"><img src="./image/0005.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ESTEELAUDER</p>
                                    <p class="cat-center">雅诗兰黛钢铁侠面膜豪华套...</p>
                                    <p class="cat-price">￥1190.00</p>
                                    <div class="productimg"><img src="./image/0004.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">PETERTHOMASROTH</p>
                                    <p class="cat-center">彼得罗夫焕亮修护维生素C...</p>
                                    <p class="cat-price">￥850.00</p>
                                    <div class="productimg"><img src="./image/0005.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ERNO LASZLO</p>
                                    <p class="cat-center">豆腐霜分享套装丝芙兰独家...</p>
                                    <p class="cat-price">￥950.00</p>
                                    <div class="productimg"><img src="./image/0006.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ALGENIST</p>
                                    <p class="cat-center">奥杰尼赋活胶原蛋白舒缓乳...</p>
                                    <p class="cat-price">￥500.00</p>
                                    <div class="productimg"><img src="./image/0002.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CLINIQUE</p>
                                    <p class="cat-center">CLINIQUE</p>
                                    <p class="cat-price">￥495.00~￥760.00</p>
                                    <div class="productimg"><img src="./image/0008.jpg" alt=""></div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="category-footer">
                    <ul class="category-footer-content">
                        <li>
                            <a href="" class="category-footericon"><img src="./image/dior_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/lancome_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/clarins_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/miumiu_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/nuxe_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/loewe_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/gucci_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/guerlain_144X60.png" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="category">
            <div class="categorycontent main">
                <div class="category-title">
                    <div class="category-title-content">
                        <h1 class="tit-left cate4"></h1>
                        <ul class="tit-right">
                            <li><a href="" class="show">惠选套装</a><em>|</em></li>
                            <li><a href="">面部精华</a><em>|</em></li>
                            <li><a href="">美容仪</a><em>|</em></li>
                            <li><a href="">面膜</a><em>|</em></li>
                            <li><a href="">眼部护理</a><em>|</em></li>
                            <li><a href="">清洁</a><em>|</em></li>
                            <li><a href="">卸妆</a><em>|</em></li>
                            <li><a href="">Yes 成分</a><em>|</em></li>
                            <li><a href="">全部</a></li>
                        </ul>
                    </div>
                </div>
                <div class="category-body">
                    <div class="category-body-content clearFix">
                        <div class="category-body-content-left">
                            <a href="">
                                <img src="./image/hp_mufloor_20210318.jpg" alt="">
                            </a>
                        </div>
                        <ul class="category-body-content-right">
                            <li>
                                <a href="">
                                    <p class="cat-brand">ELEMIS</p>
                                    <p class="cat-center">艾丽美洁净柔肤礼盒</p>
                                    <p class="cat-price">￥500.00</p>
                                    <div class="productimg"><img src="./image/0001.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CAUDALIE</p>
                                    <p class="cat-center">欧缇丽葡萄水保湿舒缓喷雾</p>
                                    <p class="cat-price">￥60.00~￥168.00</p>
                                    <div class="productimg"><img src="./image/0002.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CLARINS</p>
                                    <p class="cat-center">娇韵诗多效轻透防晒乳</p>
                                    <p class="cat-price">￥430.00~￥570.00</p>
                                    <div class="productimg"><img src="./image/0005.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ESTEELAUDER</p>
                                    <p class="cat-center">雅诗兰黛钢铁侠面膜豪华套...</p>
                                    <p class="cat-price">￥1190.00</p>
                                    <div class="productimg"><img src="./image/0004.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">PETERTHOMASROTH</p>
                                    <p class="cat-center">彼得罗夫焕亮修护维生素C...</p>
                                    <p class="cat-price">￥850.00</p>
                                    <div class="productimg"><img src="./image/0005.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ERNO LASZLO</p>
                                    <p class="cat-center">豆腐霜分享套装丝芙兰独家...</p>
                                    <p class="cat-price">￥950.00</p>
                                    <div class="productimg"><img src="./image/0006.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ALGENIST</p>
                                    <p class="cat-center">奥杰尼赋活胶原蛋白舒缓乳...</p>
                                    <p class="cat-price">￥500.00</p>
                                    <div class="productimg"><img src="./image/0002.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CLINIQUE</p>
                                    <p class="cat-center">CLINIQUE</p>
                                    <p class="cat-price">￥495.00~￥760.00</p>
                                    <div class="productimg"><img src="./image/0008.jpg" alt=""></div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="category-footer">
                    <ul class="category-footer-content">
                        <li>
                            <a href="" class="category-footericon"><img src="./image/dior_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/lancome_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/clarins_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/miumiu_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/nuxe_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/loewe_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/gucci_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/guerlain_144X60.png" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="category">
            <div class="categorycontent main">
                <div class="category-title">
                    <div class="category-title-content">
                        <h1 class="tit-left cate5"></h1>
                        <ul class="tit-right">
                            <li><a href="" class="show">惠选套装</a><em>|</em></li>
                            <li><a href="">面部精华</a><em>|</em></li>
                            <li><a href="">美容仪</a><em>|</em></li>
                            <li><a href="">面膜</a><em>|</em></li>
                            <li><a href="">眼部护理</a><em>|</em></li>
                            <li><a href="">清洁</a><em>|</em></li>
                            <li><a href="">卸妆</a><em>|</em></li>
                            <li><a href="">Yes 成分</a><em>|</em></li>
                            <li><a href="">全部</a></li>
                        </ul>
                    </div>
                </div>
                <div class="category-body">
                    <div class="category-body-content clearFix">
                        <div class="category-body-content-left">
                            <a href="">
                                <img src="./image/hp_hairfloor_20210311.jpg" alt="">
                            </a>
                        </div>
                        <ul class="category-body-content-right">
                            <li>
                                <a href="">
                                    <p class="cat-brand">ELEMIS</p>
                                    <p class="cat-center">艾丽美洁净柔肤礼盒</p>
                                    <p class="cat-price">￥500.00</p>
                                    <div class="productimg"><img src="./image/0001.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CAUDALIE</p>
                                    <p class="cat-center">欧缇丽葡萄水保湿舒缓喷雾</p>
                                    <p class="cat-price">￥60.00~￥168.00</p>
                                    <div class="productimg"><img src="./image/0002.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CLARINS</p>
                                    <p class="cat-center">娇韵诗多效轻透防晒乳</p>
                                    <p class="cat-price">￥430.00~￥570.00</p>
                                    <div class="productimg"><img src="./image/0005.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ESTEELAUDER</p>
                                    <p class="cat-center">雅诗兰黛钢铁侠面膜豪华套...</p>
                                    <p class="cat-price">￥1190.00</p>
                                    <div class="productimg"><img src="./image/0004.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">PETERTHOMASROTH</p>
                                    <p class="cat-center">彼得罗夫焕亮修护维生素C...</p>
                                    <p class="cat-price">￥850.00</p>
                                    <div class="productimg"><img src="./image/0005.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ERNO LASZLO</p>
                                    <p class="cat-center">豆腐霜分享套装丝芙兰独家...</p>
                                    <p class="cat-price">￥950.00</p>
                                    <div class="productimg"><img src="./image/0006.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ALGENIST</p>
                                    <p class="cat-center">奥杰尼赋活胶原蛋白舒缓乳...</p>
                                    <p class="cat-price">￥500.00</p>
                                    <div class="productimg"><img src="./image/0002.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CLINIQUE</p>
                                    <p class="cat-center">CLINIQUE</p>
                                    <p class="cat-price">￥495.00~￥760.00</p>
                                    <div class="productimg"><img src="./image/0008.jpg" alt=""></div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="category-footer">
                    <ul class="category-footer-content">
                        <li>
                            <a href="" class="category-footericon"><img src="./image/dior_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/lancome_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/clarins_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/miumiu_144X60.png" alt=""></a>
                            <em></em>
                        </li>  
                        <li>  
                        <a href="" class="category-footericon"><img src="./image/nuxe_144X60.png" alt=""></a>
                        <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/loewe_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/gucci_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/guerlain_144X60.png" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="category">
            <div class="categorycontent main">
                <div class="category-title">
                    <div class="category-title-content">
                        <h1 class="tit-left cate6"></h1>
                        <ul class="tit-right">
                            <li><a href="" class="show">惠选套装</a><em>|</em></li>
                            <li><a href="">面部精华</a><em>|</em></li>
                            <li><a href="">美容仪</a><em>|</em></li>
                            <li><a href="">面膜</a><em>|</em></li>
                            <li><a href="">眼部护理</a><em>|</em></li>
                            <li><a href="">清洁</a><em>|</em></li>
                            <li><a href="">卸妆</a><em>|</em></li>
                            <li><a href="">Yes 成分</a><em>|</em></li>
                            <li><a href="">全部</a></li>
                        </ul>
                    </div>
                </div>
                <div class="category-body">
                    <div class="category-body-content clearFix">
                        <div class="category-body-content-left">
                            <a href="">
                                <img src="./image/hp_frafloor_20210318.jpg" alt="">
                            </a>
                        </div>
                        <ul class="category-body-content-right">
                            <li>
                                <a href="">
                                    <p class="cat-brand">ELEMIS</p>
                                    <p class="cat-center">艾丽美洁净柔肤礼盒</p>
                                    <p class="cat-price">￥500.00</p>
                                    <div class="productimg"><img src="./image/0001.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CAUDALIE</p>
                                    <p class="cat-center">欧缇丽葡萄水保湿舒缓喷雾</p>
                                    <p class="cat-price">￥60.00~￥168.00</p>
                                    <div class="productimg"><img src="./image/0002.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CLARINS</p>
                                    <p class="cat-center">娇韵诗多效轻透防晒乳</p>
                                    <p class="cat-price">￥430.00~￥570.00</p>
                                    <div class="productimg"><img src="./image/0005.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ESTEELAUDER</p>
                                    <p class="cat-center">雅诗兰黛钢铁侠面膜豪华套...</p>
                                    <p class="cat-price">￥1190.00</p>
                                    <div class="productimg"><img src="./image/0004.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">PETERTHOMASROTH</p>
                                    <p class="cat-center">彼得罗夫焕亮修护维生素C...</p>
                                    <p class="cat-price">￥850.00</p>
                                    <div class="productimg"><img src="./image/0005.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ERNO LASZLO</p>
                                    <p class="cat-center">豆腐霜分享套装丝芙兰独家...</p>
                                    <p class="cat-price">￥950.00</p>
                                    <div class="productimg"><img src="./image/0006.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ALGENIST</p>
                                    <p class="cat-center">奥杰尼赋活胶原蛋白舒缓乳...</p>
                                    <p class="cat-price">￥500.00</p>
                                    <div class="productimg"><img src="./image/0002.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CLINIQUE</p>
                                    <p class="cat-center">CLINIQUE</p>
                                    <p class="cat-price">￥495.00~￥760.00</p>
                                    <div class="productimg"><img src="./image/0008.jpg" alt=""></div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="category-footer">
                    <ul class="category-footer-content">
                        <li>
                            <a href="" class="category-footericon"><img src="./image/dior_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/lancome_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/clarins_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/miumiu_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/nuxe_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/loewe_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/gucci_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/guerlain_144X60.png" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="category">
            <div class="categorycontent main">
                <div class="category-title cate6">
                    <div class="category-title-content">
                        <h1 class="tit-left cate7"></h1>
                        <ul class="tit-right">
                            <li><a href="" class="show">惠选套装</a><em>|</em></li>
                            <li><a href="">面部精华</a><em>|</em></li>
                            <li><a href="">美容仪</a><em>|</em></li>
                            <li><a href="">面膜</a><em>|</em></li>
                            <li><a href="">眼部护理</a><em>|</em></li>
                            <li><a href="">清洁</a><em>|</em></li>
                            <li><a href="">卸妆</a><em>|</em></li>
                            <li><a href="">Yes 成分</a><em>|</em></li>
                            <li><a href="">全部</a></li>
                        </ul>
                    </div>
                </div>
                <div class="category-body">
                    <div class="category-body-content clearFix">
                        <div class="category-body-content-left">
                            <a href="">
                                <img src="./image/hp_toolfloor_20210318.jpg" alt="">
                            </a>
                        </div>
                        <ul class="category-body-content-right">
                            <li>
                                <a href="">
                                    <p class="cat-brand">ELEMIS</p>
                                    <p class="cat-center">艾丽美洁净柔肤礼盒</p>
                                    <p class="cat-price">￥500.00</p>
                                    <div class="productimg"><img src="./image/0001.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CAUDALIE</p>
                                    <p class="cat-center">欧缇丽葡萄水保湿舒缓喷雾</p>
                                    <p class="cat-price">￥60.00~￥168.00</p>
                                    <div class="productimg"><img src="./image/0002.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CLARINS</p>
                                    <p class="cat-center">娇韵诗多效轻透防晒乳</p>
                                    <p class="cat-price">￥430.00~￥570.00</p>
                                    <div class="productimg"><img src="./image/0005.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ESTEELAUDER</p>
                                    <p class="cat-center">雅诗兰黛钢铁侠面膜豪华套...</p>
                                    <p class="cat-price">￥1190.00</p>
                                    <div class="productimg"><img src="./image/0004.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">PETERTHOMASROTH</p>
                                    <p class="cat-center">彼得罗夫焕亮修护维生素C...</p>
                                    <p class="cat-price">￥850.00</p>
                                    <div class="productimg"><img src="./image/0005.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ERNO LASZLO</p>
                                    <p class="cat-center">豆腐霜分享套装丝芙兰独家...</p>
                                    <p class="cat-price">￥950.00</p>
                                    <div class="productimg"><img src="./image/0006.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ALGENIST</p>
                                    <p class="cat-center">奥杰尼赋活胶原蛋白舒缓乳...</p>
                                    <p class="cat-price">￥500.00</p>
                                    <div class="productimg"><img src="./image/0002.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CLINIQUE</p>
                                    <p class="cat-center">CLINIQUE</p>
                                    <p class="cat-price">￥495.00~￥760.00</p>
                                    <div class="productimg"><img src="./image/0008.jpg" alt=""></div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="category-footer">
                    <ul class="category-footer-content">
                        <li>
                            <a href="" class="category-footericon"><img src="./image/dior_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/lancome_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/clarins_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/miumiu_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/nuxe_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/loewe_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/gucci_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/guerlain_144X60.png" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="category">
            <div class="categorycontent main">
                <div class="category-title">
                    <div class="category-title-content">
                        <h1 class="tit-left cate8"></h1>
                        <ul class="tit-right">
                            <li><a href="" class="show">惠选套装</a><em>|</em></li>
                            <li><a href="">面部精华</a><em>|</em></li>
                            <li><a href="">美容仪</a><em>|</em></li>
                            <li><a href="">面膜</a><em>|</em></li>
                            <li><a href="">眼部护理</a><em>|</em></li>
                            <li><a href="">清洁</a><em>|</em></li>
                            <li><a href="">卸妆</a><em>|</em></li>
                            <li><a href="">Yes 成分</a><em>|</em></li>
                            <li><a href="">全部</a></li>
                        </ul>
                    </div>
                </div>
                <div class="category-body">
                    <div class="category-body-content clearFix">
                        <div class="category-body-content-left">
                            <a href="">
                                <img src="./image/hp_frafloor_20210311.jpg" alt="">
                            </a>
                        </div>
                        <ul class="category-body-content-right">
                            <li>
                                <a href="">
                                    <p class="cat-brand">ELEMIS</p>
                                    <p class="cat-center">艾丽美洁净柔肤礼盒</p>
                                    <p class="cat-price">￥500.00</p>
                                    <div class="productimg"><img src="./image/0001.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CAUDALIE</p>
                                    <p class="cat-center">欧缇丽葡萄水保湿舒缓喷雾</p>
                                    <p class="cat-price">￥60.00~￥168.00</p>
                                    <div class="productimg"><img src="./image/0002.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CLARINS</p>
                                    <p class="cat-center">娇韵诗多效轻透防晒乳</p>
                                    <p class="cat-price">￥430.00~￥570.00</p>
                                    <div class="productimg"><img src="./image/0005.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ESTEELAUDER</p>
                                    <p class="cat-center">雅诗兰黛钢铁侠面膜豪华套...</p>
                                    <p class="cat-price">￥1190.00</p>
                                    <div class="productimg"><img src="./image/0004.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">PETERTHOMASROTH</p>
                                    <p class="cat-center">彼得罗夫焕亮修护维生素C...</p>
                                    <p class="cat-price">￥850.00</p>
                                    <div class="productimg"><img src="./image/0005.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ERNO LASZLO</p>
                                    <p class="cat-center">豆腐霜分享套装丝芙兰独家...</p>
                                    <p class="cat-price">￥950.00</p>
                                    <div class="productimg"><img src="./image/0006.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">ALGENIST</p>
                                    <p class="cat-center">奥杰尼赋活胶原蛋白舒缓乳...</p>
                                    <p class="cat-price">￥500.00</p>
                                    <div class="productimg"><img src="./image/0002.jpg" alt=""></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <p class="cat-brand">CLINIQUE</p>
                                    <p class="cat-center">CLINIQUE</p>
                                    <p class="cat-price">￥495.00~￥760.00</p>
                                    <div class="productimg"><img src="./image/0008.jpg" alt=""></div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="category-footer">
                    <ul class="category-footer-content">
                        <li>
                            <a href="" class="category-footericon"><img src="./image/dior_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/lancome_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/clarins_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/miumiu_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/nuxe_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/loewe_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/gucci_144X60.png" alt=""></a>
                            <em></em>
                        </li>
                        <li>
                            <a href="" class="category-footericon"><img src="./image/guerlain_144X60.png" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="guessyoulike">
            <div class="guesscontent main">
                <div class="guesscontent-title">
                    <h1 class="tit-left"></h1>
                </div>
                <div class="guesscontent-body">
                    <ul class="guesscontent-body-content clearFix">
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_06346_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image//1_n_06817_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_06991_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_07790_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10000_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10362_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_06978_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_09245_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_09253_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_09253_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_09426_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_09512_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_09585_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10005_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10137_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10204_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10137_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10000_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10005_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10231_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                    </ul>
                </div>
            </div>

        </div>




    </section>
    <footer class="footer">
        <div class="info main">
            <div class="info-content clearFix">
                <div class="footer-info-ico">
                    <em class="ico-1"></em>
                    <span class="ico-cn">顺丰EMS速达</span>
                    <span class="info-split"></span>
                </div>

                <div class="footer-info-ico">
                    <em class="ico-2"></em>
                    <span class="ico-cn">丰富礼赠</span>
                    <span class="info-split"></span>
                </div>
                <div class="footer-info-ico">
                    <em class="ico-3"></em>
                    <span class="ico-cn">100%官方正品</span>
                    <span class="info-split"></span>
                </div>
                <div class="footer-info-ico">
                    <em class="ico-4"></em>
                    <span class="ico-cn">无障碍退款</span>
                    <span class="info-split"></span>
                </div>
                <div class="footer-info-ico">
                    <em class="ico-5"></em>
                    <span class="ico-cn">安全支付</span>
                </div>
            </div>
        </div>
        <div class="map main">
            <div class="map-content">
                <dl>
                    <dt><a href="">购物流程</a></dt>
                    <dd><a href="">大宗采购/团购</a></dd>
                    <dd><a href="">丝芙兰预付卡章程</a></dd>
                </dl>
                <dl>
                    <dt><a href="">支付/配送</a></dt>
                    <dd><a href="">在线支付</a></dd>
                    <dd><a href="">配送时间</a></dd>
                </dl>
                <dl>
                    <dt><a href="">售后服务</a></dt>
                    <dd><a href="">退换货规定</a></dd>
                    <dd><a href="">退换及退款说明</a></dd>
                </dl>
                <dl>
                    <dt><a href="">关于丝芙兰</a></dt>
                    <dd><a href="">公司介绍</a></dd>
                    <dd><a href="">联系我们</a></dd>
                    <dd style="cursor: pointer;"><a href="">隐私政策</a></dd>
                </dl>
                <dl>
                    <dt><a href="">网上订购咨询热线 : 400 6700055</a></dt>
                </dl>
            </div>
        </div>
        <div class="footerbottom">
            <div class=" f-conten">
                <ul class="f-list">
                    <li>
                        <a href="" class="records">沪公网安备 31010602003121号</a>
                        <a href="">ICP备案序号:沪ICP备05026645号</a>
                        <a href="">食品经营许可证</a>
                        <a href="">网站使用条款</a>
                        <a href="">严正声明</a>
                    </li>
                    <li>
                        本网站隶属于丝芙兰（上海）化妆品销售有限公司
                        <span>
                            <a class="text" href="">企业法人营业执照
                            </a>
                        </span>
                        <a class="text" href="">预付卡信息对接唯一标识 :310101F5201530100309
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </footer>

    <div class="fixLeft">
        <div class="fixedLeft-info">
            <div class="fixedLeft-info-content">
                <div class="fixedLeft-list">
                    <span>护肤品类</span>
                </div>
                <div class="fixedLeft-list">
                    <span>彩妆品类</span>
                </div>
                <div class="fixedLeft-list">
                    <span>香氛品类</span>
                </div>
                <div class="fixedLeft-list">
                    <span>工具品类</span>
                </div>
                <div class="fixedLeft-list">
                    <span>男士品类</span>
                </div>
                <div class="fixedLeft-list">
                    <span>洗浴护体</span>
                </div>
                <div class="fixedLeft-list">
                    <span>美发护发</span>
                </div>
                <div class="fixedLeft-list">
                    <span>肤食品类</span>
                </div>
            </div>
        </div>
    </div>

    <script src="./js/topback.js" ></script>
    <div class="fixRight">
        <ul class="fixRight-content">
            <li>
                <em class="toolbar_text">个人信息</em>
                <em class="sprite_toolbar"></em>
            </li>
            <li>
                <em class="toolbar_text">购物车</em>
                <em class="sprite_toolbar cart"></em>
            </li>
            <li>
                <em class="toolbar_text">联系客服</em>
                <em class="sprite_toolbar tel"></em>
            </li>
            <li>
                <em class="mysephora"><img src="./image/downQR.png"></em>
                <em class="sprite_toolbar wx"></em>
            </li>
            <li id="topback">
                <em class="toolbar_text">返回顶部</em>
                <em class="sprite_toolbar backtop"></em>
            </li>
        </ul>
    </div>

    <div class="fixedtop">
        <div id="fixedTopcon main">
            <div class="fixbox main">
                <a class="logo" href=""></a>
                <div class="searchBox">
                    <div class="search clearFix">
                        <input type="text">
                        <button id="searchBtn">搜索</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>